I have noticed that some file structures follow the pattern like:

/component
-Button

• index.js
• Button.js
• button.module.css

Normally what I see is the following:

in Button.js

const Button = () => {...} 
export default Button

in index.js

export {default} from './Button'

Why that export in index.js looks like a named export. My Button component was exported as a default.

Is VS code doing and auto import where my component goes from default export to named export? Or is this a React thing? ES6?